<template>
  <view class="flex-col page">
    <view class="flex-col group_3">
      <image
        :src="imgUrl+'16557826684196968135.png'" 
        class="image_7"
      />
      <view class="flex-col group_4">
        <view class="flex-row">
          <image
		    :src="imgUrl+'16557826680563820686.png'" 
          
            class="image_8 image_9"
          />
          <text class="text">请输入手机号</text>
        </view>
        <view class="flex-col group_6">
          <image
		   :src="imgUrl+'16557826684246479237.png'" 
           
            class="image_10 image_11"
          />
          <view class="justify-between group_7">
            <view class="flex-row">
              <image 
			  :src="imgUrl+'16557826687461271724.png'" 
               
                class="image_8 image_12"
              />
              <text class="text_1">请输入验证码</text>
            </view>
            <text class="text_2">获取验证码</text>
          </view>
        </view>
        <image
		 :src="imgUrl+' 16557826684246479237.png'" 
        
          class="image_10 image_13"
        />
        <view class="justify-between group_9">
          <view class="flex-row">
            <image
			 :src="imgUrl+'16557826680099271215.png'" 
            
              class="image_8 image_14"
            />
            <text class="text_3">请输入密码(6~12位字母+数字)</text>
          </view>
          <image
		   :src="imgUrl+'16557826676388745889.png'" 
           
            class="image_8"
          />
        </view>
        <image
		:src="imgUrl+'16557826684246479237.png'" 
         
          class="image_10 image_16"
        />
      </view>
      <view class="flex-col items-center button"><text class="text_4">确定</text></view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  	imgUrl:this.$IMG_URL,
	  };
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .image_10 {
    width: 638rpx;
    height: 2rpx;
  }
  .image_8 {
    width: 34rpx;
    height: 34rpx;
  }
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group_3 {
    padding: 29rpx 50rpx 297rpx 56rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .image_7 {
    align-self: center;
    border-radius: 40rpx;
    box-shadow: 0px 8rpx 20rpx 0px #1d6aff1f;
    width: 180rpx;
    height: 180rpx;
  }
  .group_4 {
    margin-top: 177rpx;
  }
  .button {
    margin-right: 6rpx;
    margin-top: 103rpx;
    padding: 19rpx 0 31rpx;
    background-color: #1d6aff;
    border-radius: 44rpx;
  }
  .group_6 {
    margin-top: 45rpx;
  }
  .image_13 {
    margin-left: 4.5rpx;
    margin-top: 44rpx;
  }
  .group_9 {
    padding: 43rpx 0 42rpx;
  }
  .image_16 {
    margin-left: 4.5rpx;
  }
  .text_4 {
    color: #ffffff;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_9 {
    margin-top: 8rpx;
  }
  .text {
    margin-left: 28rpx;
    margin-bottom: 4rpx;
    color: #bfbfbf;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_11 {
    margin-left: 4rpx;
  }
  .group_7 {
    padding-top: 36rpx;
  }
  .text_2 {
    margin: 3rpx 0 7rpx;
    color: #1d6aff;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .image_14 {
    flex-shrink: 0;
  }
  .text_3 {
    margin-left: 28rpx;
    color: #bfbfbf;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_12 {
    margin-top: 9rpx;
    flex-shrink: 0;
  }
  .text_1 {
    margin-left: 28rpx;
    margin-bottom: 5rpx;
    color: #bfbfbf;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
</style>